// rce 快捷键
import React, { Component } from 'react'
import { NavBar } from 'antd-mobile'

// 导入样式
import './index.scss'

export default class index extends Component {
  componentDidMount() {
    // 初始化地图实例
    // 注意：在react脚手架中全局对象需要使用 window来访问，否则：会造成 ESLint 校验错误
    var map = new window.BMapGL.Map('container')
    // 设置中心的坐标
    var point = new window.BMapGL.Point(121.48, 31.236)
    // 初始化地图,同时设置地图展示级别
    map.centerAndZoom(point, 15)
  }

  render() {
    return (
      <div className="map">
        <NavBar
          className="navbar"
          mode="light"
          icon={<i className="iconfont icon-houtui1" />}
          onLeftClick={() => this.props.history.go(-1)}
        >
          地图找房
        </NavBar>
        {/* 地图容器 */}
        <div id="container"></div>
      </div>
    )
  }
}
